<!doctype html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="哈哈大王">
		<meta name="Keywords" content="美食">
		<meta name="Description" content="美食">
		<title>第五课的作业</title>
		<style>
		*{margin:0px;padding:0;

		}
		
	          	.d1{width:551px;
				        height:500px;
						background-color:snow;
						margin:50px auto;
						border:66px solid pink;
		             }
				.h1{background-color:#DCDCDC;
				      font-size:22px;
					  color:Magenta;
					  line-height:40px;
					 
				}
				.i1{margin-top:10px;
				     padding:0px 10px;text-align:center;

				}
				 pre{ text-indent:24px;
				           text-align:left; /* 文字默认左对齐，这里写了练习一下，没有效果 */
						   } 
				 .pr2{line-height:30px;
				 font-size:20px;
				 font-family:"微软雅黑";
				 text-decoration:underline;/* 练习一下效果 */
				 }

		</style>
	</head>
	<body>
		<div class="d1">
		<h1 class="h1"><pre class="pr1">鲜城    美食    休闲</pre></h1>
		<p class="i1"><img src="../static/image/1.jpg" > </img></p>
	     <pre class="pr2">美食|巴拉巴拉一大堆话    一堆话</pre>
		  <pre class="pr2">美食|巴拉巴拉一大堆话    一堆话</pre>
		   <pre class="pr2">美食|巴拉巴拉一大堆话    一堆话</pre>
		</div>
	</body>
</html>
